<!DOCTYPE HTML>
<html>
	<head>
		<title>3D文字特效</title>
		<meta charset="utf-8"/>
		<script>
		window.onload=function(){
			phrase="javascript3d文字特效";
			balises="";
			nb=phrase.length;
			layer=8;
			si=10;
			for(var x=0;x<nb;x++)
			{
				for(var y=0;y<layer;++y)
				{
					balises=balises+'<div id="l'+x+y+'" style="font-weight:bold;font-size:70px;left:'+si+'px;width:5px; color:rgb(195,195,0); font-family:courier new; position:absolute;font-family:courier new;top:100px;">'+phrase.charAt(x)+'</div>';
				}
				si+=60;
			}
			document.write(balises);
			function max3d(){
				for(var x=0;x<nb;++x)
				{alert(1);
					for(var y=0;y<layer;++y)
					{
						
						var ob=document.all("l"+x+y);
						ob.style.posLeft=ob.style.posLeft-y-1;
						ob.style.posTop=ob.style.posTop+y*2+1;
						ob.style.color="rgb("+(30+y*35)+","+(y*20+30)+",100)";
						ob.style.fontSize=parseInt(ob.style.fontSize)+15;
					}
				}
			}
			max3d();
			
		}
		
	</script>
	</head>
	
	<body></body>
</html>